import G6 from './graph/graph'
import datas1 from './data1'

export default that => {
    const graph = new G6({
        container: 'main',
        width: document.body.clientWidth * 0.65,
        height: document.documentElement.clientHeight * 0.8,
        fitCenter: true,
        // renderer: 'svg',
        layout: {
            type: 'compactBox' // 位置将固定
        },
        defaultNode: {
            type: 'rect-node',
            style: {
                // radius: 0
            },
            labelCfg: {
                fontSize: 20
            }
        },
        // 覆盖全局样式
        // nodeStateStyles: {
        //   'nodeState:default': {
        //     opacity: 1
        //   },
        //   'nodeState:hover': {
        //     opacity: 0.8
        //   },
        //   'nodeState:selected': {
        //     opacity: 0.9
        //   }
        // },
        // 默认边不同状态下的样式集合
        edgeStateStyles: {
            'edgeState:default': {
                stroke: '#aab7c3'
            },
            'edgeState:selected': {
                stroke: '#F60'
            },
            'edgeState:hover': {
                // stroke: '#1890FF',
                animate: true
            }
        },
        // 自定义注册行为, 事件, 交互
        registerFactory: (G6, cfg) => {
            // const minimap = new G6.Minimap({
            //   size: [200, 100],
            //   container: 'minimap'
            // })
            // const toolbar = new G6.ToolBar() // 顶部toolbar
            // cfg.plugins = [toolbar]
        }
    // ... 其他G6原生入参
    })

    that.graph = graph.instance
    that.graph.read(datas1) // 读取数据
    // this.graph.paint() // 渲染到页面
    // this.graph.get('canvas').set('localRefresh', false); // 关闭局部渲染
    // this.graph.fitView()
    // 销毁实例
    // graph.destroy();
}
